﻿<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="zh-cn"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="zh-cn"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="zh-cn"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="zh-cn"> <!--<![endif]-->
<head>

  <!-- Basic Page Needs -->
  <meta charset="utf-8">
  <title>Crevision | Creative Responsive Theme</title>
  <meta name="description" content="">
  <meta name="author" content="">

  <!-- Mobile Specific Metas -->
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  <!-- CSS Style -->
  <link rel="stylesheet" href="/Content/css/style.css">
  
  <!-- Color Skins -->
  <link rel="stylesheet" href="/Content/css/skins/blue.css" name="skins"> 
  
  <!-- Layout Style -->
  <link rel="stylesheet" href="/Content/css/layout/wide.css" name="layout"> 
  
  <!-- Style Switcher Box -->
  <link rel="stylesheet" href="/Content/css/layout/switcher.css">
  
  <!-- Small Icons -->
  <link rel="stylesheet" href="/Content/css/icons.css">  
  
  <!-- Start JavaScript -->
  
    <script src="js/jquery-1.7.2.min.js"></script> <!-- jQuery library -->
    <script src="js/jquery.easing.1.3.min.js"></script> <!-- jQuery Easing --> 
    <script src="js/jquery-ui.min.js"></script> <!-- jQuery Ui --> 
    <script src="js/jquery.cookie.js"></script> <!-- jQuery cookie --> 
    <script src="js/jquery.uniform.min.js"></script> <!-- jQuery Uniform -->
    <script src="js/ddsmoothmenu.js"></script> <!-- Nav Menu ddsmoothmenu -->
    <script src="js/jquery.flexslider.js"></script> <!-- Flex Slider  -->
    <script src="js/jquery.eislideshow.js"></script> <!-- Elastic Slider  -->
    <script src="js/jquery.iconmenu.js"></script> <!-- Sliding Text and Icon Menu Style  -->
    <script src="js/colortip.js"></script> <!-- Colortip Tooltip Plugin  -->
    <script src="js/tytabs.js"></script> <!-- jQuery Plugin tytabs  -->
    <script src="js/carousel.js"></script> <!-- jQuery Carousel  -->
    <script src="js/jquery.prettyPhoto.js"></script> <!-- jQuery Prettyphoto  -->
    <script src="js/jquery.isotope.min.js"></script> <!-- Isotope Filtering  -->
    <script src="js/selectnav.js"></script> <!-- Responsive Navigation Menu by SelectNav -->
    <script src="js/jquery.ui.totop.js"></script> <!-- UItoTop plugin  -->
    <script src="js/custom.js"></script> <!-- Custom Js file for javascript in html -->
    <script src="js/jquery.tweet.js"></script> <!-- jQuery Tweets -->
    <script src="js/jflickrfeed.min.js"></script> <!-- jQuery Flickr -->
    <script src="js/twitter-flickr-options.js"></script> <!-- jQuery Tweets Options -->
    <script src="js/styleswitch.js"></script> <!-- Style Switcher -->
  
  <!-- End JavaScript -->

  <!--[if lt IE 9]>
      <script src="js/html5.js"></script>
  <![endif]-->

  <!-- Favicons -->
  <link rel="shortcut icon" href="/Content/images/favicon/favicon.ico">
  <link rel="apple-touch-icon" href="/Content/images/favicon/apple-touch-icon.png">
  <link rel="apple-touch-icon" sizes="72x72" href="/Content/images/favicon/apple-touch-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="114x114" href="/Content/images/favicon/apple-touch-icon-114x114.png">

</head>
<body>

  <div id="wrap" class="boxed">

  <header>
    <div class="container clearfix">
    
      <div class="one-third column">
        <div class="logo">
        <a href="index.html">
          <img src="/Content/images/logo.png" alt="Crevision - Creative Template" />
        </a>
        </div>
      </div><!-- End Logo -->
      
      <div class="two-thirds column">
        <nav id="menu" class="navigation">
          <ul id="nav">
            <li><a href="index.html">Home</a>
              <ul>
                <li><a href="index_2.html">Home 2</a></li>
                <li><a href="index_3.html">Home 3</a></li>
                <li><a href="index_4.html">Home 4</a></li>
                <li><a href="index_5.html">Home 5</a></li>
                <li><a href="slider_2.html">Slider 2</a></li>
                <li><a href="slider_3.html">Slider 3</a></li>
              </ul>
            </li>
            <li><a href="#1">Pages</a>
              <ul>
                <li><a href="about.html">About us</a></li>
                <li><a href="services.html">Services</a></li>
                <li><a href="team.html">Our Team</a></li>
                <li><a href="process.html">Process</a></li>
                <li><a href="sidebar_right.html">Page Right Sidebar</a></li>
                <li><a href="sidebar_left.html">Page Left Sidebar</a></li>
                <li><a href="FAQ.html">FAQ</a></li>
                <li><a href="sitemap.html">Sitemap</a></li>
                <li><a href="full_width.html">Full Width</a></li>
              </ul>
            </li>
            <li><a href="#2">Features</a>
              <ul>
                <li><a href="shortcodes.html">Shortcodes</a></li>
                <li><a href="icons.html">Icons</a></li>
                <li><a href="pricing_tables.html">Pricing Tables</a></li>
                <li><a href="under_construction.html">Under Construction</a></li>
                <li><a href="404.html">404 Page</a></li>
                <li><a href="#3">Third Level Item</a>
                  <ul>
    		        <li><a href="#3-1">Sub Item Example 1</a></li>
                    <li><a href="#3-2">Sub Item Example 2</a></li>
		          </ul>
                </li>
              </ul>
            </li>
            <li><a href="portfolio_4.html#4">Portfolio</a>
              <ul>
                <li><a href="portfolio_2.html">2 Columns</a></li>
                <li><a href="portfolio_3.html">3 Columns</a></li>
                <li><a href="portfolio_4.html">4 Columns</a></li>
                <li><a href="single_project_1.html">Single Project 1</a></li>
                <li><a href="single_project_2.html">Single Project 2</a></li>
              </ul>
            </li>
            <li><a href="blog.html#5" class="active">Blog</a>
              <ul>
                <li><a href="blog.html">Blog 1</a></li>
                <li><a href="blog_2.html">Blog 2</a></li>
                <li><a href="blog_3.html">Blog 3</a></li>
                <li><a href="single_post.html">Single Post</a></li>
              </ul>
            </li>
            <li><a href="contact.html">Contact</a></li>
          </ul>
          
          
          
        </nav>
      </div><!-- End Menu -->
      
      <div class="sixteen columns"><hr /></div>
      
    </div><!-- End Container -->
  </header><!-- <<< End Header >>> -->
  
  <div class="container clearfix">
  
   <div class="sixteen columns"> <h1 class="page-title">欢迎光临我们的博客<span class="line"></span></h1>
   </div><!-- Page Title -->
   
   
   <!-- Start Posts -->
   <div class="eleven columns top bottom">
   
     <!-- ==================== Post 1 ==================== -->
     <div class="post bottom">
     
      <h2 class="title bottom top-2"><a href="single_post.html">The Martians had been repulsed</a> <span class="line"></span></h2>
      <!-- Title Post -->
       
      <div class="image-post bottom left"> 
          <a href="single_post.html"><img src="/Content/images/img/blog/post-image-small-1.jpg"></a>  
      </div><!-- End slider image-post -->
      
      <div class="post-content">
        <p>
          Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. 
          Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis.
          Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. 
          Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus.Vestibulum libero nisl...
        </p>
        <a href="single_post.html" class="button small color">Read More</a>
      </div><!-- End post-content -->
      
      <hr class="bottom-2" />
      
      <div class="post-meta bottom-2 transparent">
        <div class="meta"><span class="history  icon gray"></span> On 10 June, 2012 </div><!-- Date -->
        <div class="meta"><span class="more-items icon gray"></span> <a href="#">Web Design</a> </div><!-- Category -->
        <div class="meta"><span class="user icon gray"></span> By : Admin </div><!-- Author -->
        <div class="meta"><span class="conversation icon gray"></span> With 12 Comments </div><!-- Comments -->
      </div><!-- End post-meta -->
      
     </div> 
     <!-- ==================== End  ==================== -->
     
     <!-- ==================== Post 2 ==================== -->
     <div class="post bottom">
     
      <h2 class="title bottom top-2"><a href="single_post.html">The Martians had been repulsed</a> <span class="line"></span></h2>
      <!-- Title Post -->
       
      <div class="image-post bottom left"> 
          <a href="single_post.html"><img src="/Content/images/img/blog/post-image-small-2.jpg"></a>  
      </div><!-- End slider image-post -->
      
      <div class="post-content">
        <p>
          Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. 
          Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis.
          Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. 
          Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus.Vestibulum libero nisl...
        </p>
        <a href="single_post.html" class="button small color">Read More</a>
      </div><!-- End post-content -->
      
      <hr class="bottom-2" />
      
      <div class="post-meta bottom-2 transparent">
        <div class="meta"><span class="history  icon gray"></span> On 10 June, 2012 </div><!-- Date -->
        <div class="meta"><span class="more-items icon gray"></span> <a href="#">Web Design</a> </div><!-- Category -->
        <div class="meta"><span class="user icon gray"></span> By : Admin </div><!-- Author -->
        <div class="meta"><span class="conversation icon gray"></span> With 12 Comments </div><!-- Comments -->
      </div><!-- End post-meta -->
      
     </div> 
     <!-- ==================== End  ==================== -->
     
     <!-- ==================== Post 3 ==================== -->
     <div class="post bottom">
     
      <h2 class="title bottom top-2"><a href="single_post.html">The Martians had been repulsed</a> <span class="line"></span></h2>
      <!-- Title Post -->
       
      <div class="image-post bottom left"> 
          <a href="single_post.html"><img src="images/img/blog/post-image-small-1.jpg"></a>  
      </div><!-- End slider image-post -->
      
      <div class="post-content">
        <p>
          Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. 
          Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis.
          Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. 
          Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus.Vestibulum libero nisl...
        </p>
        <a href="single_post.html" class="button small color">Read More</a>
      </div><!-- End post-content -->
      
      <hr class="bottom-2" />
      
      <div class="post-meta bottom-2 transparent">
        <div class="meta"><span class="history  icon gray"></span> On 10 June, 2012 </div><!-- Date -->
        <div class="meta"><span class="more-items icon gray"></span> <a href="#">Web Design</a> </div><!-- Category -->
        <div class="meta"><span class="user icon gray"></span> By : Admin </div><!-- Author -->
        <div class="meta"><span class="conversation icon gray"></span> With 12 Comments </div><!-- Comments -->
      </div><!-- End post-meta -->
      
     </div> 
     <!-- ==================== End  ==================== -->
     
     <!-- ==================== Post 4 ==================== -->
     <div class="post bottom">
     
      <h2 class="title bottom top-2"><a href="single_post.html">The Martians had been repulsed</a> <span class="line"></span></h2>
      <!-- Title Post -->
       
      <div class="image-post bottom left"> 
          <a href="single_post.html"><img src="images/img/blog/post-image-small-2.jpg"></a>  
      </div><!-- End slider image-post -->
      
      <div class="post-content">
        <p>
          Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. 
          Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis.
          Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. 
          Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus.Vestibulum libero nisl...
        </p>
        <a href="single_post.html" class="button small color">Read More</a>
      </div><!-- End post-content -->
      
      <hr class="bottom-2" />
      
      <div class="post-meta bottom-2 transparent">
        <div class="meta"><span class="history  icon gray"></span> On 10 June, 2012 </div><!-- Date -->
        <div class="meta"><span class="more-items icon gray"></span> <a href="#">Web Design</a> </div><!-- Category -->
        <div class="meta"><span class="user icon gray"></span> By : Admin </div><!-- Author -->
        <div class="meta"><span class="conversation icon gray"></span> With 12 Comments </div><!-- Comments -->
      </div><!-- End post-meta -->
      
     </div> 
     <!-- ==================== End  ==================== -->
     
     
     <!-- ==================== Post 5 ==================== -->
     <div class="post bottom">
     
      <h2 class="title bottom top-2"><a href="single_post.html">The Martians had been repulsed</a> <span class="line"></span></h2>
      <!-- Title Post -->
       
      <div class="image-post bottom left"> 
          <a href="single_post.html"><img src="images/img/blog/post-image-small-1.jpg"></a>  
      </div><!-- End slider image-post -->
      
      <div class="post-content">
        <p>
          Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. 
          Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis.
          Mauris fermentum dictum magna. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. 
          Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus.Vestibulum libero nisl...
        </p>
        <a href="single_post.html" class="button small color">Read More</a>
      </div><!-- End post-content -->
      
      <hr class="bottom-2" />
      
      <div class="post-meta bottom-2 transparent">
        <div class="meta"><span class="history  icon gray"></span> On 10 June, 2012 </div><!-- Date -->
        <div class="meta"><span class="more-items icon gray"></span> <a href="#">Web Design</a> </div><!-- Category -->
        <div class="meta"><span class="user icon gray"></span> By : Admin </div><!-- Author -->
        <div class="meta"><span class="conversation icon gray"></span> With 12 Comments </div><!-- Comments -->
      </div><!-- End post-meta -->
      
     </div> 
     <!-- ==================== End  ==================== -->
     
     
     
     <hr />
     
     <ul class="pagination color">
          <li><a href="#" class="prev">previous</a></li>
          <li><a href="#">1</a></li>
          <li><a href="#">2</a></li>
          <li><a href="#" class="current">3</a></li>
          <li><a href="#">4</a></li>
          <li><a href="#">5</a></li>
          <li><a href="#">6</a></li>
          <li><a href="#">7</a></li>
          <li><a href="#">8</a></li>
          <li><a href="#">9</a></li>
          <li>...</li>
          <li><a href="#">50</a></li>
          <li><a href="#">51</a></li>
          <li><a href="#">52</a></li>
          <li><a href="#" class="next">Next</a></li>
        </ul><!-- End pagination color -->
      
   </div><!-- End Posts -->  
   
   
   <!-- Start Sidebar Widgets -->
   <div class="five columns bottom">
   
     <!-- Search Widget -->
     <div class="search top bottom">
     <form action="#">
       <input type="text" class="search" value="Search in blog" onBlur="if(this.value == '') { this.value = 'Search in blog'; }" 
       onfocus="if(this.value == 'Search in blog') { this.value = ''; }" />
       <input type="submit" value="" class="submit-search" />
     </form>
     </div>
     <!-- End -->
     
    
     <!-- Followers Widget -->
     <div class="box top bottom">
     
        <ul class="followers">
        <li>
        <a href="#" data="facbook" class="black colorTipContainer"><span class="social-icon facbook color"></span></a>
        <h4>2000+</h4> <span>Fans</span>
        </li>
        <li>
        <a href="#" data="twitter" class="black colorTipContainer"><span class="social-icon twitter color"></span></a>
        <h4>1500</h4> <span>Followers</span>
        </li>
        <li>
        <a href="#" data="google+" class="black colorTipContainer"><span class="social-icon google_plus  color"></span></a>
        <h4>500</h4> <span>Fans</span>
        </li>
        <li>
        <a href="#" data="Rss" class="black colorTipContainer"><span class="social-icon rss color"></span></a> 
        <h4>5000+</h4> <span>Subscribers</span>
        </li>
        
     </div><!-- End -->
     
     <!-- Text Widget -->
     <h2 class="title bottom-2">Text Widget <span class="line"></span></h2>
     
     <div class="about-project bottom">
       <p>
         Donec seid odio dui. Nullalit libero, alea pharetra augue. Nullam id dolor ideacto vehicula SockMonkee lorem dolor.
         Donec seid odio dui. Nullalit libero, alea pharetra augue. Nullam id dolor ideacto vehicula SockMonkee lorem dolor.
       </p>
     </div>
     
     <!-- Categories -->
     <h2 class="title bottom-2">Categories <span class="line"></span></h2>
     
      <ul class="square-list categories bottom">
        <li><a href="#">Design</a></li>
        <li><a href="#">Awards & Recognition</a></li>
        <li><a href="#">Competitions</a></li>
        <li><a href="#">Travel & Tourism</a></li>
        <li><a href="#">Direct Mail</a></li>
      </ul><!-- End square-list -->
    <!-- End -->
    
    <!-- Most Posts -->
        
      <div id="horizontal-tabs" class="bottom">
      
        <ul class="tabs">
          <li id="tab1">Popular</li>
          <li id="tab2">Recent</li>
        </ul>
        <div class="contents">
        
        <div id="content1" class="tabscontent">
          <ul class="most-posts">
            <li>
              <a href="single_post.html"><img src="images/img/blog/thumb-1.jpg" alt="" class="pic-2" /></a>
              <p><a href="single_post.html">Donec seid odio dui. Nullalit libero, alea pharetra augue.</a></p>
              <span class="color">28 June 2012</span>
            </li>
            <li>
              <a href="single_post.html"><img src="images/img/blog/thumb-2.jpg" alt="" class="pic-2" /></a>
              <p><a href="single_post.html">Donec seid odio dui. Nullalit libero, alea pharetra augue.</a></p>
              <span class="color">28 June 2012</span>
            </li>
          </ul>
        </div> 
        
        <div id="content2" class="tabscontent">
         <ul class="most-posts">
          <li>
              <a href="single_post.html"><img src="images/img/blog/thumb-2.jpg" alt="" class="pic-2" /></a>
              <p><a href="single_post.html">Donec seid odio dui. Nullalit libero, alea pharetra augue.</a></p>
              <span class="color">28 June 2012</span>
          </li>
          <li>
              <a href="single_post.html"><img src="images/img/blog/thumb-1.jpg" alt="" class="pic-2" /></a>
              <p><a href="single_post.html">Donec seid odio dui. Nullalit libero, alea pharetra augue.</a></p>
              <span class="color">28 June 2012</span>
            </li>
           </ul>
          </div>  
        
        </div><!-- End contents -->
        
      </div><!-- End horizontal-tabs -->
    
    <!-- End -->
    
    <!-- Popular Tags -->
    <h2 class="title bottom">Popular Tags <span class="line"></span></h2>
    
    <div class="popular-tags top bottom">
    
    <a href="#">Web Developer</a><a href="#">Branding</a><a href="#">Wordpress</a><a href="#">Web Design</a><a href="#">Logo</a>
    <a href="#">PHP</a><a href="#">Graphic</a><a href="#">Competitions</a><a href="#">Awards & Recognition</a>
    
    </div>
    <!-- End -->
    
    <!-- Twitter Feed -->
    <h2 class="title bottom">Twitter Feed <span class="line"></span></h2>
    
    <div class='tweet query'></div><!-- Tweets Code -->
    
    <!-- End -->
    
     <!-- From Flickr -->
    <h2 class="title bottom">From Flickr <span class="line"></span></h2>
    
    <ul id="sidebar" class="thumbs"></ul><!-- Flickr Code -->
    
    <!-- End -->
    
   
   
   </div><!-- End Sidebar Widgets -->
   
   
   <div class="clearfix"></div>
   
   
   
       
     
  </div><!-- <<< End Container >>> -->
  
  <footer>
    <div class="container">
    
      <div class="four columns">
        <div class="about">
          <h3 class="title">About Us<span class="line"></span></h3>
          <p>
          Consectetur adipiscing elit aeneane lorem lipsum, condimentum ultrices consequat eu, vehicula mauris lipsum adipiscing 
          lipsum aenean orci lorem Asequat. <br /> lorem ipsum dolor lorem sit amet, consectetur adipiscing dolor .
          </p>
        </div>
      </div><!-- End about -->
      
      <div class="four columns">
        <div class="tweets">
          <h3 class="title">Latest tweets<span class="line"></span></h3>
            <div class='tweet query footer'></div><!-- Tweets Code -->
        </div>
      </div><!-- End tweets -->
      
      <div class="four columns">
        <div class="flickr">
          <h3 class="title">Flickr<span class="line"></span></h3>
          <ul id="footer" class="thumbs"></ul> <!-- Flickr Code -->
        </div>
      </div><!-- End flickr -->
      
      <div class="four columns">
        <div class="subscribe">
          <h3 class="title">Subcribe<span class="line"></span></h3>
          <p>Subscribe to our e-mail newsletter to receive updates.</p>
          <form action="#">
            <input type="text" class="mail" value="Enter your Email" onBlur="if(this.value == '') { this.value = 'Enter your Email'; }" 
            onfocus="if(this.value == 'Enter your Email') { this.value = ''; }"/>
            <input type="submit" value="Submit" class="submit" />
          </form>
        </div>
      </div><!-- End subscribe -->
      
      <div class="sixteen columns"><hr class="bottom" /></div>
      
      <div class="eight columns"><span class="copyright">
      © Copyright 2012 <a href="index.html">Crevision</a>. All Rights Reserved. by 
      <a href="http://jozoor.com/" target="_blank" data="Jozoor Team">jozoor</a></span></div>
      
      <div class="eight columns">
        <div class="social">
          <a href="#"><img src="/Content/images/icons/twitter.png" alt="" /></a>
          <a href="#"><img src="/Content/images/icons/facebook.png" alt="" /></a>
          <a href="#"><img src="/Content/images/icons/skype.png" alt="" /></a>
          <a href="#"><img src="/Content/images/icons/digg.png" alt="" /></a>
          <a href="#"><img src="/Content/images/icons/linkedin.png" alt="" /></a>
          <a href="#"><img src="/Content/images/icons/vimeo.png" alt="" /></a>
        </div>
      </div>
    
    </div><!-- End container -->
  </footer><!-- <<< End Footer >>> -->
  
  </div><!-- End wrap -->
  
  <!-- Start Style Switcher -->
  <div class="switcher"></div>
  <!-- End Style Switcher -->
    
</body>
</html>